<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>精灵图</title>
    <style>
        /* div {
            float: left;
            background: url(./img/abcd.jpg) no-repeat;
        }
        .d {
            width: 104px;
            height: 114px;
            background-position: -356px -7px;
        }
        .x {
            width: 106px;
            height: 108px;
            background-position: -254px -560px;
        } */
        div {
            float: left;
            background: url(../img/abcd.jpg) no-repeat;
        }
        .j {
            width: 106px;
            height: 112px;
            background-position: -388px -142px;
        }
        .x {
            width: 106px;
            height: 110px;
            background-position: -252px -558px;
        }
        .h {
            width: 106px;
            height: 106px;
            background-position: -216px -141px;
        }
    </style>
</head>
<body>
    <!-- <div class="d"></div> -->
    <!-- <div class="x"></div>
    <div class="d"></div> -->

    <!-- jxh 姜新华 -->
    <div class="j"></div>
    <div class="x"></div>
    <div class="h"></div>
</body>
</html>